<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>个人信息-win</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/public.css" />
    <script type="text/javascript" src="../../script/lib-flexible.js"></script>
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            background-color: #fff;
            height: 100%;
            width: 100%;
        }

        header {
            position: relative;
            width: 100%;
            height: 1.33rem;
            line-height: 1.33rem;
            background-color: #00acff;
        }

        .header .backward {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 1.33rem;
            height: 1.33rem;
            background: url(../../image/icon/icon_backward.png);
            background-position: center center;
            background-size: .61rem .61rem;
            background-repeat: no-repeat;
        }

        .header .title {
            text-align: center;
            line-height: 1.33rem;
            font-size: .5rem;
            color: #fff;
            padding-left: 1.33rem;
            padding-right: 1.33rem;
        }
    </style>
</head>

<body>
    <header id="header">
        <div class="header">
            <div class="backward" tapmode onclick="api.closeWin();"></div>
            <div class="title" id="nickname"></div>
        </div>
    </header>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
    apiready = function() {
        fnInit()
    };

    var eHeader, headerH;

    function fnInit() {
        eHeader = $api.dom('header');
        headerH = $api.offset(eHeader).h;
        var headerH = $api.fixStatusBar(eHeader);
        $api.text($api.byId('nickname'), api.pageParam.nickname)
        api.pageParam.headerH = headerH;
        fnReady('my_info');
    }
    // var letter = [{
    //     "name": "↑",
    //     "points": "top"
    // }, {
    //     "name": "✩",
    //     "points": "tagging"
    // }, {
    //     "name": "A",
    //     "points": "A"
    // }, {
    //     "name": "B",
    //     "points": "B"
    // }, {
    //     "name": "C",
    //     "points": "C"
    // }, {
    //     "name": "D",
    //     "points": "D"
    // }, {
    //     "name": "E",
    //     "points": "E"
    // }, {
    //     "name": "F",
    //     "points": "F"
    // }, {
    //     "name": "G",
    //     "points": "G"
    // }, {
    //     "name": "H",
    //     "points": "H"
    // }, {
    //     "name": "I",
    //     "points": "I"
    // }, {
    //     "name": "J",
    //     "points": "J"
    // }, {
    //     "name": "K",
    //     "points": "K"
    // }, {
    //     "name": "L",
    //     "points": "L"
    // }, {
    //     "name": "M",
    //     "points": "M"
    // }, {
    //     "name": "N",
    //     "points": "N"
    // }, {
    //     "name": "O",
    //     "points": "O"
    // }, {
    //     "name": "P",
    //     "points": "P"
    // }, {
    //     "name": "Q",
    //     "points": "Q"
    // }, {
    //     "name": "R",
    //     "points": "R"
    // }, {
    //     "name": "S",
    //     "points": "S"
    // }, {
    //     "name": "T",
    //     "points": "T"
    // }, {
    //     "name": "U",
    //     "points": "U"
    // }, {
    //     "name": "V",
    //     "points": "V"
    // }, {
    //     "name": "W",
    //     "points": "W"
    // }, {
    //     "name": "X",
    //     "points": "X"
    // }, {
    //     "name": "Y",
    //     "points": "Y"
    // }, {
    //     "name": "Z",
    //     "points": "Z"
    // }, {
    //     "name": "#",
    //     "points": "#"
    // }];
    // //  数据
    // var arrNews = [{
    //     "name": "爱中"
    // }, {
    //     "name": "去会很喜欢"
    // }, {
    //     "name": "38989238"
    // }, {
    //     "name": "ksjk"
    // }, {
    //     "name": "爱死你"
    // }, {
    //     "name": "走进家门"
    // }, {
    //     "name": "feijsjk"
    // }, {
    //     "name": "似乎还"
    // }, {
    //     "name": "带来了可"
    // }, {
    //     "name": "4555"
    // }, {
    //     "name": "djjj"
    // }, {
    //     "name": "&wkkk"
    // }];
    //
    // var letters = [];
    // var newss = [];
    // var currs = [];
    // var reg = /^[A-Za-z]+$/; //正则判断是否是字母
    // // 获取字母
    // for (var i = 0; i < letter.length; i++) {
    //     if (i > 1) {
    //         letters.push(letter[i].name)
    //     }
    // }
    //
    // each(letters, function(index, vaule1) {
    //     currs = {
    //         letter: this,
    //         data: []
    //     };
    //     each(arrNews, function(indexs, vaule2) {
    //         // 把数据首字母对应写入到data
    //         if (vaule1 == (ucfirst(getFirst(vaule2.name)))) {
    //             currs.data += vaule2
    //         }
    //         // 首字母不为字母的单独写入到#
    //         if (vaule1 == "#" && reg.test((ucfirst(getFirst(vaule2.name)))) == false) {
    //             console.log(vaule2)
    //             currs.data += vaule2
    //         }
    //     });
    //     newss.push(currs)
    // })
    // console.log(JSON.stringify(newss))
  </script>

</html>
